/*@import url("reset.css");*/
@charset "UTF-8";

@media (max-width:1800px){
   strong.pageNav,
   .split-slideshow .slideshow-text strong{font-size: 80px;}
   .slideshow-text span{font-size: 28px;}
   .busSlick2.swiper-container{height: 660px;}
ul.reportUlboxSlide li dl dt{height:300px;}

}

@media (max-width:1600px){
   
   
   strong.pageNav,
   .split-slideshow .slideshow-text strong{font-size: 70px;}
   .slideshow-text span{font-size: 26px;}

   body h2{font-size: 28px;}
    body h3{font-size: 24px;}
   .busSlick2.swiper-container{height: 610px;}
.busSlick2 .bus2title strong{ font-size: 4.8vw;}
   .nacfinaul h1{font-size: 34px;}
   .busSlickitem.slick-current dl dt{height: 460px;}
ul.reportUlboxSlide li dl dt{height:275px;}
   .bannerStock{ padding: 40px 60px;}
}

@media (max-width:1440px){
   
   strong.pageNav,
   .split-slideshow .slideshow-text strong{font-size: 60px;}
   .slideshow-text span{font-size: 24px;}

   body h2{font-size: 26px;}
   body h3{font-size: 22px;}
   .busSlick2.swiper-container{height: 480px;}

   .nacfinaul h1{font-size: 32px;}
   .busSlickitem.slick-current dl dt{height: 400px;}
   .com_pad_bgTb{padding:90px 0px;}
.fonsnavbg{    padding-top: 100px;}
 .footer_top{ padding:80px 0;}
   .com_pad_smTb{ padding: 100px 0px;}
   .aboutPage .titlebox{ padding-bottom: 60px;}
.susSection{    padding-top:90px;}
   ul.busNav li a{ font-size: 20px;}
   ul.busNav li a i{ font-size:24px;}
ul.highUl li{font-size:20px;}
.annSlideItem dl dt b, .newsInfo dl dt b{font-size:26px;}
ul.highUl li strong, .annSlideItem dl dt strong, .newinoftxt dt strong{font-size:40px;}
.board2Namepop{padding:30px 30px 30px 130px;}
ul.reportUlboxSlide li dl dt{height:235px;}
/*ul.irreportul li dl dt,
.slidereportItem .slideItem dl dt img{width: 100%; height: 270px;}
.pastsusSlickItem dl dt img{height: 226px;}
.sus2reportimg img{
  height: 240px;
}*/
}

@media (max-width:1360px){

  .container{padding:0px 6%;}
   .container_l{padding-left: 6%;}
   .container_r{padding-right: 6%;}

   .busSlick2 .bus2title strong{ font-size:4.5vw;}
   .busSlick2.swiper-container{height: 460px;}
   .busSlickitem.slick-current dl dt{height: 370px;}

   .boardImg{ height: 520px;}
.fonsnavbg{    padding-top:80px;}
   .com_pad_smTb{ padding: 80px 0px;}
.com_pad_smTb2{ padding-top:80px;}
.susSection{    padding-top:80px;}
   .aboutpro1 .rightBg h2{ font-size: 32px;}
.awardinfoBox{ padding:50px 0px;}
ul.awardUl{ padding-bottom:50px;}
}

@media (max-width:1280px){
  body h2{ font-size: 24px;}
  body h3{ font-size:20px;}
   .nacfinaul h1{font-size: 30px;}
   .aboutpro1 .rightBg h2 {font-size: 24px;
   }
   .aboutpro1 .leftBg h2{font-size: 24px;}
   /*ul.irreportul li dl dt,
   .slidereportItem .slideItem dl dt img{width: 100%; height: 360px;}
   .pastsusSlickItem dl dt img{height: 200px;}
   .sus2reportimg img{
    height: 220px;
  }*/
  .productBgfu h1{font-size:50px;}
  img.susIMgfloat{margin-right: -7%;}

  .foot_webchat{width: 130px;}
  dd.board2Name{
    padding: 0px 5% 0px 20%;
    height: 260px;
    display: flex;
    align-items: center;
  }

ul.reportUlboxSlide li dl dt{height:210px;}

  .awardInfo2 li.awardItme2{width: 46%;}
}

@media (max-width:1180px){
	/*.ph_menumain.active .logoBox, .link_wrap .link_item:nth-child(1){ display:none;}*/
	.link_wrap .link_Box{width:100%}
	.link_wrap .link_Box a {text-align: center;}
	 .busSlick1 .slick-next{ right: 240px;  }
  .busSlick1 .slick-prev{  left: 220px; }
   .busSlickitem.slick-current dl dt{height:550px;}
   .pageBanner{margin-top:0}
.milebox2 .mileSlickItem dl::after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height:50px;
    background: -webkit-linear-gradient(rgba(0, 0, 0, 0), #000000);
    background: -o-linear-gradient(rgba(0, 0, 0, 0), #000000);
    background: -moz-linear-gradient(rgba(0, 0, 0, 0), #000000);
    background: linear-gradient(rgba(0, 0, 0, 0), #000000);
    bottom: 0px;
    left: 0px;
	z-index:101;
}
  .milebox2 .nophoto dl::after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height:50px;
    background: -webkit-linear-gradient(rgba(255, 255, 255, 0), #ffffff) !important;
    background: -o-linear-gradient(rgba(255, 255, 255, 0), #ffffff)!important;
    background: -moz-linear-gradient(rgba(255, 255, 255, 0), #ffffff)!important;
    background: linear-gradient(rgba(255, 255, 255, 0), #ffffff)!important;
    bottom: 0px;
    left: 0px;
	z-index:101;
}
    .footer_top{ padding:60px 0;}
	.footer_top .flex_ipad_W{flex-wrap: wrap;}
	.footer_top .col_100_ipad { width: 100%;}
   .footer_top .footer_logo{padding-right: 0px; margin:0px auto;}
   .footer_nav ul{margin-top: 50px;flex-wrap: wrap;}
   .footer_nav ul li.foot_li{width: 100%; position: relative; padding:8px 0px;max-width: inherit;}
   .footer_nav ul li.foot_li a.bg_nav{position: relative;}
   .footer_nav ul li.foot_li a.bg_nav span{position: absolute;right: 0px; display:block;}
   .footer_nav ul li.foot_li .slideNavBox{display: none;}
   .footer_bot{text-align: center;}
   .footer_bot a.wisd{margin:0px auto; margin-top: 10px;}
   .footer_logo .flex_column{flex-direction: row;justify-content: center;}
  
   .gaidibu_indx {
       display: block;
   }
  a.footer_logo img{height: 25px;}
#nexttxt{left: 107%;}
#prevtxt {right: 107%;}

.milesnew1 .swiperDots{display: none;}
.milebox1 .milebox1Main{height: auto;}
.milebox1Bgmaib.milesnew1::after{ height: calc(100% + 80px);}
.milebox1 .milebox1Main{ height: auto;padding: 20px 0 0 0; width: 100%;}
.milebox1 .mileSlickItem dl dd p{height: auto;
-webkit-line-clamp: 100000;
    line-clamp: 100000;
    -webkit-box-orient: vertical;
    box-orient: vertical;
    display: -webkit-box;
    }
.milebox1 .mileSlickItem dl dd p .mCSB_scrollTools{display: none!important;}
 .milebox1 .boxBorder.rightBor,
   .milebox1 .boxBorder.leftBor{width: 20px;}
   .milebox1 .boxBorder.topBor,
   .milebox1 .boxBorder.botBor{height: 20px;}
   .milebox1 .boxBorder.botBor,
   .milebox1 .boxBorder.topBor,
   .milebox1 .boxBorder.leftBor{left: 0px;}
   .milebox1 .boxBorder.rightBor{right: 0px;}
   .milebox1 .boxBorder.topBor,
   .milebox1 .boxBorder.botBor{width: 100%;}
   .milebox1{background: none; } 
   .milebox1 .mileSlickItem dl{width: 100%; margin-left: 0px;}
   .milebox1 .mileSlickItem dl dt span{
    position: relative;
    left: auto;
    font-size: 60px;
   }

   .milebox1 .boxBorder{display: none;}
.milebox1 .mileSlickItem.swiper-slide{
  padding-left:10%!important;
  padding-right:10%!important;
  margin: 0px auto;
  opacity: 1;
  /*margin: 10px 0px!important;*/
  overflow: hidden;
  
  }

  .mileSlickItem dl dd{padding-top:10px;}
.mileSlickItem.swiper-slide{opacity: 1; padding-bottom:30px;}
.mileSlickItem.swiper-slide:last-child{ padding-bottom:0}

.milebox2 .milebox1Main{padding-right: 28%;}

}

@media (max-width:1024px){
	.w1024{display: none;}
   .ipad_show{display: block;}.ipad_hide{display: none;}.col_100_ipad{width: 100%;}.flex_ipad_W{flex-wrap:wrap;}
   .boardImg{height:auto;}
   .boardImg img{width:100% !important;}
   .flex_column{ flex-direction: column-reverse;}
   
   .container{padding:0px 20px;}.container_l{padding-left:20px;}.container_r{padding-right:20px;}
.slideshow-text span{font-size:22px;}
.com_pad_minTb{padding:70px 0px;}
 .com_pad_Tb{padding:70px 0px;}
.com_pad_bgTb{padding:70px 0px;}
 .susSection{padding:70px 0 260px 0;}
  
ul.highUl li{font-size:24px;}
.annSlideItem dl dt b, .newsInfo dl dt b{font-size:30px;}
ul.highUl li strong, .annSlideItem dl dt strong, .newinoftxt dt strong{font-size:55px;}
.busSlick2 .bus2title .businfotxt{ padding-right:0;}
.milebox1 .mileSlickItem dl dd p{ max-height:inherit;}
   /*.ind_finaBg{display: none;}*/
   #section1{height: auto;}
   .slideshow,.slideshow .slider,.slideshow .slider .item,
   .split-slideshow{height: 70vh;}
   .slideshow{z-index: 2;}
   .slideshow.slideshow-right{z-index: 1;}
   .slideshow .slick-dots{text-align: center;}
   .bannerStock{ min-width:auto;
      position: relative;
      background:#c7c7c7;
   }
   .bannerStock .titlebox{color:#a8a8a8;}
   .bannerStock .titlebox.color_w span::before { background-color:#a8a8a8;}

   .bannerTxtRight .slideshow-text .slick-slide{text-align: center;}
   
   ul.highUl li{min-width:45%; margin-bottom: 60px;} 
   ul.highUl li.ulline{width:1px; min-width: auto;}
   ul.highUl li:last-child,ul.highUl li:nth-last-child(2),
   ul.highUl li:nth-last-child(3){margin-bottom: 0px;}
   .fonsnavbg{ overflow-x: auto;  padding-left: 30px;} 
   .fonsnavbg{padding-left:0px; overflow:auto;}
   .fonsnavbg::-webkit-scrollbar{
      display: block;
      width: 0px;
      height: 0px;
   }
   .finasetbg{padding-left: 30px; width: 100%;}

   .newsInfo dl dt{ border-right: none; margin-right: 0px; padding-right: 0px;width: 100%; padding-bottom: 5px;}
   .sus_justify_b{
      align-items: flex-start;
      margin-top:40px;
   }
  
   #section3 h1.titlebox,
   #section9 h1.titlebox {text-align: center;}
   .videoLeft {margin-bottom:40px;}
   #section3 .container_l,
   #section11 .container_r {padding:0px}
   #section8 .contRight{padding:60px;}
   #section8 .container_r{padding:0px}
   #section11 .contRight {padding: 60px;}
    a.footer_logo{ padding-top:15px;}
   .foot_webchat{margin:0px auto; width: 160px;}
   .InputBox_txt{ max-width: auto; flex: 1;}
   ul.busNav{ padding: 0px 40px 50px 40px;}

   .busBg{height: 450px;}
   /*{
      background: url(../images/finaBg.jpg) bottom center no-repeat;
    background-size: cover;
   }*/

   .irAnnBox1 .irAnnItem dl{
      flex-wrap:wrap;
      padding: 20px;justify-content:center;
   }
   .irAnnBox1 .irAnnItem:hover dl{
  box-shadow:none;
  transform:none;
  -ms-transform:none;
  margin-top: 0px;
  margin-left:0px;
}
   .irAnnBox1 .irAnnItem dl dd{padding:20px 0; text-align: center;}
   .irAnnBox1 .irAnnItem dl dd span{ margin-bottom: 10px;}
   .irAnnBox1 .irAnnItem dl dd p.lineopo{flex-wrap:wrap;justify-content: center;}
   .irAnnBox1 .irAnnItem dl dd p a{ padding-right: 0px; height: auto; margin-bottom: 20px;}
   .slidereportItem .slick-prev {left: 0;}
   .slidereportItem .slick-next{ right:0}
   .rightBg .aboutImgBox, .aboutpro1 .aboutpro1Item.rightBg{padding-left: 0px; padding-bottom:0;}
   .leftBg .aboutImgBox img{ right: 0px;}
   .aboutpro1 .aboutpro1Item.rightBg::before{left: -1000px;}
   .leftBg .aboutImgBox, .aboutpro1 .aboutpro1Item.leftBg{padding-right: 0px;}
   .aboutpro1 .aboutpro1Item.leftBg::before{right: -1000px;}
   .aboutImgBox{ position: relative; width: 100%;overflow: hidden;}


   .aboutBoard1{ width: 90%;}
   .boardInfoBG .scrollMainCss{position: relative; padding:160px 40px 80px 40px;}
   .aboutBoard1 .boardSlideBox .slick-dots{
      position: absolute;
      top: 450px;
   }
   .aboutBoard1 .boardSlideBox .slick-prev, 
   .aboutBoard1 .boardSlideBox .slick-next{
    top: calc(50% - 220px);
   }
   .awwrowTxt{display: none;}
   .scrollMainCss .boardInfo{height:320px; }
   
    .boardInfo.hightauto::after{display: none;}
   .boardInfo.hightauto{height: auto; overflow: hidden;}
   .boardPhotoScroll{
     width: 60%;
    left: 40px;
   }
   /*.boardPhoto { width: calc(80px * 4);}*/
   p.moreDian{font-size: 60px; line-height: 1; text-align: center;}


   .pageBanner{padding-bottom: 30px;}

   ul.reportUlboxSlide li dl dt{height:280px;}

   .swiperDots{display: none;}

   /*.milebox2 .mileSlickItem dl{margin-left: 0px;}*/
   .busmiale2 .container_l{padding-right: 40px;}
   .milebox2 .mileSlickItem dl dt span{font-size: 10vw; left: -18vw;}
   .milebox2::after{ display: none;}
   .milebox2::before{ left:20px; width: 1px;}
   .milebox2 .lineBox2{    width: 95%;left:7%;border-bottom:1px dotted var(--mainColor1);}
   ul.awardInfo{margin-bottom: 0px;}
   ul.awardInfo li{margin-bottom: 10px;}

   .awardInfo2 li.awardItme2{ width: 46%;}
   .comawaedImg{width: 160px; height: 160px; margin-left:auto;}

   .videoRight1 {margin-bottom: 50px;}



   .sus_box_1 img, .sus_box_2 img{position: relative; margin-bottom: 30px; width: 100%;margin-right: 0%;margin-left: 0%;}


   .sus1imgmav{max-width: 450px; margin:0px auto; margin-bottom: 30px;}
   .sus1report{padding-left: 0px;}
   .sus2txt{margin-top: 0px;}
   .sus2txt.marr,
   .sus2txt.marl {
    width: calc(100% + 80px);
    margin-left: -40px;
    margin-right: -40px;
   }
   .sus2_box_1 img{margin-right: 0%;}
.sus2_box_2 img{margin-left: 0%;}
   .sus2txt{ top: 0px;}
   .pad_bot150{ padding-bottom: 80px;}

   .present1href{padding-left: 0px; padding-top:20px;}
.present1href h2{    padding-bottom:30px;}
   ul.presentUL2 li h2{padding-bottom: 30px;}

   .busSlick2 .bus2Img{margin-left: 0px; margin-top: 50px;}
   .busSlick2 .bus2title strong{font-size:50px;}


   .busSlick2.swiper-container{height: auto;}
    .busSlick2.swiper-container .swiper-slide{
  padding-right: 0px;
  opacity: 1;
  /*margin: 10px 0px!important;*/
  overflow: hidden;
   box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: auto; -webkit-user-select: auto; -khtml-user-select: auto; -moz-user-select: auto; -ms-user-select: auto; user-select: auto; -ms-touch-action: auto; touch-action: auto; -webkit-tap-highlight-color: transparent;
  }
.irreportBox2 .fonsnavbg::after{ content:inherit;}
   .fonsnavbg::after{
    content: "";
    display: block;
    position: absolute;
    height: 100%;
    width: 100px;
    bottom: 0px;
    right: 0px;
    background-image: linear-gradient(to left, #ffffff, transparent);
    background-position: center;
    background-blend-mode: normal;
   }

   .susleft{padding-bottom: 50px;}
   ul.sloganlow{
    position: absolute;
    width: 40%;
    right: 60px;
    top: 100px;
   }

   .milebox2 .milebox1Main{padding-right: 0px;}
   .milebox2 .milebox1Main::after{display: none;}
  .busSlickitem.slick-current dl dt{height:520px;}

   .annBigSlide .slick-prev{left: 70px;}
   .annBigSlide .slick-next{right: 75px;}
   .aboutpro1 .rightBg h2 {
       font-size: 18px;
   }
   .aboutpro1 .leftBg h2{font-size: 20px;}
   .aboutpro1Item .aboutImgBox{     width: calc(100% + 80px); margin-left: -40px; 
    margin-right: -40px;}

   .aboutpro2info{ width: 100%; }
   .aboutpro2Bg::after{ width: 100%;height: auto; }
   .aboutpro2Bg{ padding: 50px; display:inherit;}
.aboutpro2Bg img{width:100%;margin-left:0%;}
   .videoLeft1{ padding-right: 0px;}
   .productInfo1{ padding: 0px 0px;}
   .ind_finaBg{ height: 100%;}

.sus1report .infotxt{    padding:40px 20px;}
.pastsusSlick .slick-next{right:-10px;}
.pastsusSlick .slick-prev{left:-10px;}
h2.ipad_show{width:100%;}
   .busSlickitem dl dd{ padding: 10px 60px;}

   #header,
   html,
   #luxy{
    width: calc(100vw - 0px)!important;
  }

  .milebox2 .swiperImg{height: 420px;}

#section3 p.morebtn{padding-right:0}
 ul.presentUL2 li p.presentPdfdow a{padding-right:50px;margin-left:0px;}
ul.presentUL2 li h4{width:100%;}
p.presentPdfdow a{ padding:15px 50px 0 0;margin-right:0}
.susbox{ padding-bottom:0;}
.finaSlidebox{
  padding: 20px 50px 70px 50px;
}
.finaSlidebox .findItem{
  padding-top: 50px;
}

.finaSlidebox .findItem ul.slick-dots{
  position: absolute;
    top: -30px;
    padding-top: 0px;
}
.finaSlidebox .findItem ul.slick-dots li{
  padding: 0px;
} 
.finaSlidebox .findItem ul.slick-dots li a{position: relative; display: block; width: 15px; height: 15px;border-radius: 50%; background: #fff; border:1px solid var(--mainColor1);}
.finaSlidebox .findItem ul.slick-dots li.slick-active a{background: var(--mainColor1);}
ul.highUl li.ulline{display: none;}
ul.presentionSlide li,
ul.reportUlboxSlide li{padding-top: 30px;}



/*.milebox1 .milebox1Main::after{
content: "";
display: block;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background: rgba(0,0,0,0);
z-index: 8;
}*/

  .mileSlickItem.nophoto dl dd{ position:relative; padding:0; top:0 !important;transform:none !important;}
.mileSlickItem.nophoto .swiperImg{display: none;}
 .milebox2 .mileSlickItem.nophoto dl dd{ position: relative;transform:none;}
 .milebox2 .mileSlickItem.nophoto dl{
  margin-left: 0px;
  margin: 0px auto;
 }
 .milebox2 .mileSlickItem.nophoto dl dt span{
  position: relative;
  left: auto;
 }
 
/*ul.irreportul li dl dt,
.slidereportItem .slideItem dl dt img{width: 100%; height: 280px;}
.pastsusSlickItem dl dt img{height: 280px;}
.sus2reportimg img{
  height: 360px;
}*/
.present1img{width:100%; max-width:360px;}
ul.presentUL1 li{ width: 48%;}
.col_100_ipad_sm{width: 50%;}
.busSlick1 .slick-next{right: 23%;}
.busSlick1 .slick-prev{left: 21%;}

.sl-slider,
.sl-content-wrapper{
  width: 100%!important;
     height: 100%!important;
}

}

@media (max-width:990px){
   .col_100_ipad_sm{width: 100%}
   .flex_column_sm{
     flex-direction: column-reverse;
   }
   .irreportBox2 .finaNav li{ font-size: 26px;padding: 10px 30px;}
   ul.sloganlow{ width: 30%;}

   .annBigSlide .slick-prev{left: 80px;}
   .annBigSlide .slick-next{right: 85px;}
   .irAnnBox2{ padding: 0px;}

   .productDlide2Slick .slick-arrow{ display:none !important; }
   .productDlide2{width:100%;}
   .productDlide2Item dl dd{ max-width:100%;}
   ul.irreportul li dl dt{width: 100%; height: 350px; padding: 0px;}
   .slidereportItem .slideItem dl dt{width: 100%; height: 350px; padding: 0px;}
   .irreportBox2 .finaNav li{width: 50%; text-align: center;}
   .pastsusSlickItem dl dt{height:400px; padding: 0px;}
   .sus2reportimg{
    height: 320px; padding: 0px;
  }

  .emailInputBox textarea, .emailInputBox input{ font-size: 14px;}
  
  .busSlick1 .slick-next{right: 120px;}
  .busSlick1 .slick-prev{left: 100px;}

  dd.board2Name{
    height: 200px;
  }
  dd.board2Name h2{ font-size:20px;}
  #section8 .contLeft img{ position:relative;width:100%;}

  .aboutBoard3 ul.about_team_box li.ab_tit {
    width: 45%;
    margin-right:10%!important;
  }
.aboutBoard3 ul.about_team_box li:nth-child(2n).ab_tit{margin-right:0%!important;}
  .awardInfo2 li.awardItme2 {
    width: 100%;
  }
  .bus_overview_infobox img{
    float: none;
    padding-left: 0px;
    width: 100%;
    max-width: 550px;
    margin: 0px auto;
}
}

@media (max-width:768px){ 
.pageSlogan .container p{font-size:18px;}
.milebox2 .swiperImg{height:330px;}
 #section8 h1.titlebox{ text-align:center;}
 #section8 .contRight{ padding:60px 20px;}
 #section8 .morebtn{ text-align:center;}
  ul.reportUlboxSlide li dl dt{height:295px;}
}

@media (max-width:680px){
  .w680{display: none;}
   #ver-en,#ver-tc,#ver-sc{font-size: 16px; line-height: 1.4;}
   .font_sm {
    font-size: 14px;
   }
   body h1{font-size:26px;}
   .pad_bot60{ padding-bottom:50px;}
   .flex_column_ph{ flex-direction: column-reverse;}
   .font_sm1{font-size:12px;}
   .ph_show{display: block;}.ph_hide{display: none;}.flex_ph_W{flex-wrap:wrap;}.col_100_ph{width: 100%;}
   .container{padding:0px 20px;}.container_l{padding-left: 20px;}.container_r{padding-right: 20px;}
   /*body h1{font-size: 30px;}*/

.slideshow-text span{font-size:20px;}
   .bannerStock{padding: 40px 30px;}
   .bannerStock strong{font-size: 45px;}
   .slideshow .slick-dots li.slick-active{width:36px;}
   .slideshow .slick-dots li{ width:28px; height:8px;margin:0 3px;}
   .slideshow, .slideshow .slider, .slideshow .slider .item, .split-slideshow {
    height: 50vh;
   }
   ul.busNav li{width: 100%;}
/*ul.busNav li:last-child{border-bottom: none;}*/
   ul.highUl li{ width: 100%; margin-bottom: 30px;}
   ul.highUl li span{ height:inherit;}
   ul.highUl li.ulline{ display: block; width: 100%; height: 1px; border-bottom: 1px solid #fff; border-right: none;}
   ul.highUl li:nth-last-child(2), ul.highUl li:nth-last-child(3) {
    margin-bottom: 30px;
   }

   ul.busNav li{ padding:20px 0;}
   ul.busNav{ padding-bottom:20px;}
   .fonsnavbg{padding-top:0px;}
   .susSection{ padding-top:60px;padding-bottom:260px;background: #fff url(../images/susBg_phone.jpg) center bottom no-repeat;
    background-size:100%;}
   .com_pad_smTb, .com_pad_smTb1{ padding:60px 0;}
   .com_pad_smTb2{ padding-top:60px;}
   .fonsnavbg ul.nacfinaul li{margin-right: 50px;}
   .finaSlidebox{padding: 50px 0px 50px 0px;}
   .finaBigSlide .annSlideItem{padding: 30px 25px 30px 30px;}
   ul.presentionSlide li{padding: 0px 25px 0px 30px;}
   ul.reportUlboxSlide li{ padding: 0px 25px 0px 30px;}
   /*#section6{padding-bottom: 0px;}*/
.awardinfoBox{padding:30px 0px 50px 0;}
   .reportUlboxSlide .slick-next,.finaBigSlide .slick-next,.presentionSlide .slick-next{right: 3px!important;}
   
   .newTimeLine li::before,.newTimeLine li::after,.newTimeLine::after,
   .newTimeLine::before{display: none;}
   
   .newsInfo, 
   .newsImg{width: 100%;}

   .susleft{padding-right: 0px; padding-bottom: 50px; text-align: center;}
   .susRight{ margin: 0px auto; margin-bottom: 60px;}

   #section5 h1.titlebox{ max-width: 300px; margin: 0px auto;}
    #section4 h1.titlebox,
   #section10 h1.titlebox{ max-width: 200px; margin: 0px auto;text-align: left;}
  .productBgfu h1{font-size:26px;}
   ul.awardUl li{ width: 33.333333333%; padding-bottom: 33.333333333%;}
   #section10 .container{padding: 0px;}
.pageSlogan {top:40%;}
.productDlide2Item{padding: 0px 20px;}
   .slideshow .slider .item img{height: 100%; width: auto;}
   strong.pageNav,
   .split-slideshow .slideshow-text strong{font-size:30px;}
.pageSlogan .container p{font-size:12px;}
   .irreportul li{margin-right: 0px; max-width: 100%;}
   .irreportul li dl dt{ max-width:235px;    margin: auto;}
   .irreportBox2 .fonsnavbg{padding:0px; margin-top: 0px;}
   .irreportBox2 .finaNav{ width:100%;}
    .irreportBox2 .finaNav li.current{}
   .irreportBox2 .finaNav li{white-space:inherit;font-size:16px; padding:10px;width:50%; text-align:center;}
ul.irAnnBox2 li dt{flex-wrap:wrap;}
ul.irAnnBox2 li dt span{ display:block;margin-left:0; padding-top:5px; width: 100%; flex: auto;}
ul.irAnnBox2 li dt b.font_sm1{ font-size: 16px;}
ul.irAnnBox2 li:last-child{border-bottom: none;}
.slideReport2::before{
  content: "";
  display: block;position: absolute;
  width: 200%;height: 100%; top: 0px; left: -50%;
  background: #f4f4f4;
}
ul.presentUL2 li{ padding:40px 20px;}
ul.presentUL2 li p.presentPdfdow a{padding-right:30px; width: auto;}
ul.presentUL2 li p.presentPdfdow a:last-child{ padding-right:0px;}
   .aboutpro2Bg{ padding: 0px;}
   .aboutpro2info{ padding: 30px 20px;}

   .aboutBoard2Item .flex{
      flex-wrap: wrap;
   }
   dt.board2Imge{width: 90%; margin:0px auto;max-width: 220px; min-height: 110px;padding-bottom:80px;}
   dd.board2Name{ width: 100%; margin-left: -0px; margin-top: -110px;
      padding:60px 20px;}
    .aboutBoard2ItemNoImg.aboutBoard2Item dd.board2Name{margin-top: 0px;}

   .boardpopinfo dt.board2Imge{display: none;}
   .board2Namepop{ margin-left: 0px; padding-left: 20px; padding-right: 20px; width: 100%;}
    .pageBanner {
      padding-bottom: 25px;
      padding-left: 25px;
    }
	.milebox1 .mileSlickItem.swiper-slide{
  padding-left:0%!important;
  padding-right:0%!important;}
   .milebox1Main{width: 90%;}
   
   
   .mileSlickItem dl dt span{font-size: 40px;}
   .milebox2 .mileSlickItem dl dt span{position: relative;}
   .milebox2 .mileSlickItem dl{margin-left: 0px; width: 100%;}
   .milebox2 .mileSlickItem dl dt span{left: 0px;font-size: 12vw;}
   .milebox2 .mileSlickItem.swiper-slide{padding-left: 0px; padding-bottom:0px !important;}
   .milebox2 .swiperImg{height:230px;}

   .busmiale2 .container_l{padding-right: 20px;}
   .milebox2 .mileSlickItem dl dd p{max-height:155px;height:90%; padding-right: 15px; padding-bottom:20px;
    -webkit-overflow-scrolling:touch;
    /*-webkit-overflow-scrolling: auto;*/
    -moz-overflow-scrolling: touch;
    -ms-overflow-scrolling: touch;
    overflow:auto;
    /*overflow: scroll;*/
	
  }
  
   .milebox2 .mileSlickItem dl dd p::-webkit-scrollbar{  
    width: 5px;  
    height:14px;  
    background-color:#F5F5F5;  
    border-radius: 10px; 
    /*-webkit-box-shadow: inset 0 0 6px #4a87ca;  */
} 
/*定义滚动条轨道 内阴影+圆角*/  
.milebox2 .mileSlickItem dl dd p::-webkit-scrollbar-track  
{  
    -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);
    -moz-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);
    border-radius:10px;
    background-color:#F5F5F5

}    
/*定义滑块 内阴影+圆角*/  
.milebox2 .mileSlickItem dl dd p::-webkit-scrollbar-thumb  
{  
    border-radius:10px;
    -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);
    -moz-box-shadow:inset 0 0 6px rgba(0,0,0,.3);
    background-color:#555;
}  
/*滑块效果*/
.milebox2 .mileSlickItem dl dd p::-webkit-scrollbar-thumb:hover
{
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(255,255,255,1); 
  -moz-box-shadow: inset 0 0 6px rgba(255,255,255,1); 
  background: rgba(0,0,0,0.4);
}



    .milebox2 .mileSlickItem dl dd{padding:0px 10px 0 20px; top:60%;}
	.mileSlickItem.nophoto dl dd{padding:10px 0 0 0 ;}
.milebox2 .lineBox2{    top: 60%; display: none;}
.milebox2 .swiper-prev { left:20px;}
.milebox2 .swiper-next {left: 60px;}
.busSlick2 .bus2title .businfotxt p{padding-bottom: 30px;}
.busSlick2.swiper-container .swiper-slide .justify_between_center{ padding:0 0 60px 0;}
.busSlick2 .bus2Img{ margin-top:30px;}
.morebtn a{padding:0px 30px;}
.morebtn a span{height:35px; line-height: 35px;}
    ul.awardInfo li{padding: 40px 15px;}
    .aboutAward1 .comawaedImg{width:200px; height: 200px; margin-bottom:30px;margin-left: 0px;}

    .awardInfo2 li.awardItme2{ width: 100%;}
   .boardInfoBG .scrollMainCss{position: relative; padding:150px 20px 50px 20px;}
   .boardPhotoScroll{
     width: 80%;
     left: 10%;
     padding-left: 0px;
   }
   .boardSlideItem.slick-slide {
    overflow: hidden;
    padding: 0px 0px;
  }
.boardPhoto{justify-content: center;height: 80px;
    overflow: hidden;}
    .sus2reportimg{width: 80%;max-width: 300px; margin: 0px auto; margin-bottom: 30px;}

    .present1Year.year-show-box.yearBox1{ flex-wrap: wrap;}
    .present1Year.year-show-box.yearBox1 ul.year-select{margin-top: 20px;}

.board2NamepopScroll{ padding-right:0;}
    .sus2txt{padding: 50px 20px;}

    .busSlick1 .slick-prev{
       left: 0px;
    }
    .busSlick1 .slick-next{
      right: 10px;
    }

    .busSlick2 .bus2title strong{font-size:40px;}
.year-show-box.yearBox1 ul.year-select li span.cur_span{font-size:24px;}
    .annSlideItem{padding: 30px 50px 0px 50px;}
    .annBigSlide .slick-prev{left: 3vw;}
    .annBigSlide .slick-next{right: 4.5vw;}


    ul.sloganlow{
    position: relative;
    width: 100%;
    right: auto;
    top: auto;
   }

   .newTimeLine{padding: 0px;}
   .newTimeLine li:last-child{margin-bottom: 50px;}

   .nacfinaul h1{ text-align: left;}
   .busSlickitem.slick-current dl dt{height: 380px;}

   .sus2txt.marr,
   .sus2txt.marl {
    width: calc(100% + 40px);
    margin-left: -20px;
    margin-right: -20px;
   }

  ul.reportUlboxSlide li dl dt{height:auto;}
   .productDlide2Slick .slick-arrow{
    top: 18%!important;
  }

   .busSlickitem dl dd{ padding: 10px 20px;}

  
   .newinoftxt dd p{ height:auto;}

   .videoRight1 .videoswiperDots .swiperbtn a span{ display: none;}
   .videoRight1 a.videoBtn{ width:100px; height:100px; margin-top: -50px;}
   .videoRight1 a.videoBtn .fa-play:before{ width: 55px; height: 55px;}
   a.videoBtn i{font-size: 40px;padding-left: 10px;;}
   .videoRight1 .videoswiperDots{bottom: 48px;}
.slideReport2 .slidereportItem .slick-list{padding: 30px 0px;width:100%;}
.slidereportItem .slideItem{padding: 0px 40px;}
ul.presentUL1 dl dd p{ padding-bottom:10px;}
p.presentPdfdow a{padding-right:30px; width: auto;}
p.presentPdfdow a:last-child{ padding-right:0;}
.boardInfo h2{ font-size: 28px;}

.fonsnavbg::after{width: 90px; 
  /*background-image: radial-gradient(red 5%, yellow 15%, green 60%);*/
}

.finasetbg::before{right: -40px;}
.fonsnavbg ul.nacfinaul{ width: 100%;}
.finasetbg{padding-left: 0px;}

.finaSlidebox .presentionSlide,
.finaSlidebox .reportUlboxSlide {padding-top: 30px;}

.downloadwebcast{display: none!important;}
.presentLinkB {
  position: relative;
    padding-top: 30px;
}
.presentLinkB a{display: block; font-weight: bold;
    text-decoration: underline;
    padding:15px 0 0 0;}
 .aboutpro2Bg::after{background: url(../images/about_img1.jpg) center no-repeat;
    background-size: auto 100%;}
 /*.milebox1 .boxBorder.rightBor,
   .milebox1 .boxBorder.leftBor{width: 10px;}
   .milebox1 .boxBorder.topBor,
   .milebox1 .boxBorder.botBor{height: 10px;}*/

 .titlebox span::before{left: -30px;}
 
  ul.busNav li:nth-last-of-type(2){
    border-bottom: 1px solid #e6e6e6;
  }
  .annSlideItem:hover dl{
    margin-top: 0px;
    box-shadow: darkgrey 0px 0px 0px 0px;
  }
  .annBigSlide .annSlideItem{
    padding: 30px 50px 0px 50px;
  }
  .boardPhoto li{width: 70px;}
  .boardSlideBox .slick-prev{left: -30px;}
  .boardSlideBox .slick-next{right: -22px;}

  .milebox2 .swiperDots{margin-top: 20px;}
  

  ul.proSlickUl::after{height: 90px;
    width: 70px;
    right: 35px;}

  .susPHBGS{
    padding-bottom: 0px;
  }

  .container.phnocomapad{padding: 0px;}
strong.pageNav::before{left: -10px;}
strong.pageNav .menu__first-word {padding-right:15px;}

  .milebox2::before{ display:none;}
  /*.boardPhoto li:hover::before{display: none;}*/
  .ph_nopadb{padding-bottom: 0px;}
  .busSlick2.swiper-container {
    height: auto;
  }
  
  ul.irreportul li dl dt{width: 100%; height: 300px; padding: 0px;}
  .slidereportItem .slideItem dl dt{
    height: 300px;
  }
.slidereportItem .slideItem dl dt img{ max-width:235px;    position: relative; margin: auto;}
  ul.presentUL1 li{ width: 100%;}
  .pastsusSlickItem dl dt{ height:300px;max-width:235px;    position: relative; margin: auto;}
  .aboutBoard3 ul.about_team_box li.ab_tit {
    width: 100%;
    margin-right: 0%!important;
  }

  html.hideBody, body.hideBody{
    width: 100vw;
    height: 100vh;
  }  
  .year-show-box.yearBox1 ul.year-select li span.cur_span::after{width: 40%;}
  .fa-long-arrow-right1:before{ width:20px;height:20px;}
     .InputBox_txt{ flex: auto; width: 100%; margin-top:20px; margin-left: 0px;}
.InputBox_txt p{ position:relative; padding-top:10px; text-align:center; bottom:0;}
.emailInputBox textarea, .emailInputBox input{ height: 45px;}
.emailInputBox a{width: 45px;height: 45px;}
  .footer_mid{padding:30px 0;}
}
@media (max-width: 410px){
  .iframe_contact iframe {
      height:660px;
  }
 
}